<template>
	<view class="content">
		<view class="header">
			<view class="name_box flex">
				<view class="text">真实姓名*</view>
				<view class="name">腾格里塔拉</view>
			</view>
			<view class="explanatory">*注：您如果已完成实名认证，提现时需要使用与实名认证信息一致的账号提现。一个账户只能绑定一个实名信息。</view>
		</view>
		<view class="please">
			<view class="please_wrap">
				<view class="title">请输入提现金额</view>
				<view class="ipt_wrap">
					<input type="text" placeholder="请输入提现金额"/>
				</view>
				<view class="money flex">
					<view class="text">余额2000元，今日可提现2000元</view>
					<view class="all">全部提现</view>
				</view>
				<view class="wx_drawal flex">
					<view class="wx_wrap flex">
						<view class="wx_img">
							<image src="../../static/index/wx.png"></image>
						</view>
						<view class="text">提现到微信</view>
					</view>
					<u-checkbox-group>
						<u-checkbox v-model="checked" :disabled="false" size="16" active-color="red"></u-checkbox>
					</u-checkbox-group>
				</view>
				<view class="wx_drawal flex">
					<view class="wx_wrap flex">
						<view class="wx_img">
							<image src="../../static/index/zfb.png"></image>
						</view>
						<view class="text">提现到支付宝</view>
					</view>
					<u-checkbox-group>
						<u-checkbox v-model="checked" :disabled="false" size="16" active-color="red"></u-checkbox>
					</u-checkbox-group>
				</view>
				<view class="application">立即申请</view>
			</view>
		</view>
		<view class="bill flex" @click="hanleBill">
			<view class="text">账单明细</view>
			<u-icon name="arrow-right" color="#000" style="padding-right: 30rpx;"></u-icon>
		</view>
		<view class="foot_box"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				checked:''
			};
		},
		onLoad() {

		},
		methods: {
			change() {
				
			},
			hanleBill(){
				uni.navigateTo({
					url:'/pages/my/bill'
				})
			}
		}
	};
</script>

<style lang="scss" scoped>
	page{
		background-color: #f2f0f0;
	}
	.bill{
		width: 90%;
		margin: 0 auto;
		padding: 16rpx 0;
		justify-content: space-between;
		align-items: center;
		background-color: #fff;
		border-radius: 30rpx;
		margin-top: 20rpx;
		.text{
			padding-left: 30rpx;
			font-size: 28rpx;
			font-weight: 700;
		}
	}
	.please{
		width: 90%;
		margin: 0 auto;
		background-color: #fff;
		margin-top: 30rpx;
		border-radius: 20rpx;
		padding: 20rpx 0;
		.please_wrap{
			width: 92%;
			margin: 0 auto;
			.title{
				font-size: 30rpx;
				font-weight: 700;
				margin-bottom: 40rpx;
			}
			.ipt_wrap{
				border-bottom: 1rpx solid #e7e6e6;
				input{
					font-size: 36rpx;
					padding-bottom: 20rpx;
				}
			}
			.money{
				justify-content: space-between;
				align-items: center;
				padding: 20rpx 0;
				.text{
					font-size: 24rpx;
				}
				.all{
					font-size: 24rpx;
					border: 1rpx solid #c2c1c1;
					padding: 6rpx 20rpx;
					border-radius: 30rpx;
					color: #767575;
				}
			}
			.wx_drawal{
				justify-content: space-between;
				align-items: center;
				padding: 20rpx 0;
				border-bottom: 1rpx solid #e7e6e6;
				.wx_wrap{
					justify-content: flex-start;
					align-items: center;
					.wx_img{
						width: 80rpx;
						height: 80rpx;
						border-radius: 10rpx;
						image{
							width: 100%;
							height: 100%;
						}
					}
					.text{
						padding-left: 20rpx;
						font-size: 30rpx;
						font-weight: 700;
					}
				}
				
			}
			.application{
				width: 100%;
				margin: 0 auto;
				background-color: #f04b3f;
				border-radius: 40rpx;
				color: #fff;
				text-align: center;
				font-size: 26rpx;
				padding: 20rpx 0;
				margin-top: 40rpx;
				margin-bottom: 30rpx;
			}
		}
		
	}
	.header{
		width: 90%;
		margin: 0 auto;
		background-color: #fff;
		margin-top: 30rpx;
		border-radius: 20rpx;
		padding: 20rpx 0;
		.name_box{
			width: 92%;
			margin: 0 auto;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1rpx solid #e7e6e6;
			padding: 10rpx 0;
			.text{
				color: #f04b3f;
				font-size: 34rpx;
				font-weight: 700;
			}
			.name{
				font-size: 24rpx;
				color: #767575;
			}
		}
		.explanatory{
			padding: 10rpx 20rpx;
			font-size: 24rpx;
			color: #767575;
		}
	}
	.foot_box{
		width: 100%;
		height: 200rpx;
	}
</style>